<!--
 * @Author: gyc
 * @Date: 2019-10-30 09:06:34
 * @LastEditTime : 2020-01-13 15:11:41
 * @Description: 测试版
 -->
<template>
  <div id="app">
    <!-- <transition name="transitionRouter" mode="out-in">
      <router-view></router-view>
    </transition> -->
   <Header></Header>
  </div>
</template>

<script>
import $ from "jquery";
import Header from "./components/sao/header/header"
export default {
  name: "app",
  data() {
    return {};
  },
  created() {},
  mounted: function() {},
  components: {Header},
  methods: {}
};
</script>

<style>
.test {
  position: absolute;
  top: 0px;
  left: 0px;
}
#app {
  position: relative;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  /* background-image: url("../examples/assets/img/bg1.jpg"); */
  /* background-attachment: fixed;
  background-size: cover; */
  overflow: auto;
}
#app::-webkit-scrollbar {
  display: none;
}
/* @font-face {
  font-family: "saoUI";
  src: url("./SAOUIRegular.otf");
} */
* {
  font-family: saoUI;
  margin: 0px;
  user-select: none;
}
body,
html {
  overflow: hidden;
}
html::-webkit-scrollbar {
  display: block;
}
html::-webkit-scrollbar-thumb {
  display: block;
}
/* .transitionRouter-enter-active,
.transitionRouter-leave-active {
  transition: all 0.4s;
}
.transitionRouter-enter,
.transitionRouter-leave {
  transform: translate3d(-100%, 0, 0);
} */
</stylel>
